<!DOCTYPE html>
<html>
<head profile="http://www.w3.org/2002/12/namespace">
<link rel="stylesheet" type="text/css" href="../../../../../dijit/themes/dijit.css">
<link rel="stylesheet" type="text/css" href="../../../../../dijit/themes/tundra/tundra.css">
<title>Dojo Base Layers</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<!--  Google API -->
<script src="http://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>

<!-- hosted version -->
<script type="text/javascript" src="http://openlayers.org/api/2/OpenLayers.js"></script>

<script type="text/javascript" src="../../../../../dojo/dojo.js"></script>

<script type="text/javascript">
	require(["dojo/ready", "dojo/dom", "dojo/_base/html", "dojox/geo/openlayers/Map", "dojo/parser"],
		function(ready, dom, html, Map){

			var map;

			ready(function(){
				var options = {
					baseLayerName : "TheMap",
					baseLayerType : dojox.geo.openlayers.BaseLayerType.GOOGLE,
					touchHandler : true
				};

				var div = dom.byId("map");
				map = new Map(div, options);
				map.fitTo([-160, 70, 160, -70]);

			});

		});
</script>

<style type="text/css">
	.olLayerGoogleCopyright {
		visibility: hidden;
	}
	body,html {
		height:100%;
	}
</style>

</head>
<body class="tundra">
	<div id="map" style="background-color: #b5d0d0; height:100%;"></div>
</body>
</html>
